.container {
    height:60px;
    background-color:#fff;
    /* 深色渐变 */
    /* background-image:linear-gradient(to right, #83ca40, #147bb3); */
    /* 浅色渐变 */
    position:relative;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05);
}

.content-container {
    width:100%;
    height:100%;
    position:relative;
    display:flex;
    align-items: center;
}

.img-container {
   
}

.img-container :global(.anticon){
    font-size:24px;
}

.collapse-button {
    position:absolute;
    cursor: pointer;
    font-size: 2rem;
    color:#4c4c4c;
}

.weather-container {
    color:#000;
}

.weather-container>span {
    margin:0 6px;
}

.container .title-container {
    color:#000;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    text-align:center;
}

.title-container .title {
    font-size:1.6rem;
    /* font-family: 'selfFont'; */
    line-height:normal;
}

.title-container .sub-title {
    font-size:0.8rem;
}

.container :global(.ant-dropdown-trigger) {
    color:#000;
    margin-left:40px;
}

.container :global(.ant-dropdown-trigger) span {
    margin:0 4px;
}

.container.dark {
    background-color:#191932;
}


.container.dark .collapse-button {
    color:#fff;
}

.container.dark .title-container {
    color:#fff;
}

.container.dark .weather-container {
    color:#fff;
}
